<?php echo $this->test; ?>
<script type="text/javascript">
	var url;
	$('#Email').validatebox({  
	    required: true,  
	    validType: 'email'  
	});  
	/*  longnp  */
	$(function(){
		$('#dg').edatagrid({
			url: 'Quanlynguoidung/test'
		});
	});

	function add(){
		$('#dlg').dialog('open').dialog('setTitle','Thêm người dùng');	
		$('#fm').form('clear');
		
		url = 'Quanlynguoidung/add';
	}

	function edit2(){
		var row = $('#dg').datagrid('getSelected');
		if (row){
			$('#dlg').dialog('open').dialog('setTitle','Cập nhật Thông tin tài sản');
			var active = row.active;
			if(active == 1)
			{
				$('#KichhoatUS').attr('checked','checked');
			}
			else
			{
				$('#KichhoatUS').removeAttr('checked');
			}
			$('#dlg').dialog('open').dialog('setTitle','Sửa thông tin người dùng');
			$('#fm').form('load',row);
			url = 'Quanlynguoidung/update/idquanly/'+ row.id +'/user/'+ row.username + '/pass/' + row.password;
		}else{
			$.messager.show({
				title:'Thông báo',
				msg:'Không có bản ghi nào được chọn!',
				timeout:5000,
				showType:'slide'
			});
		}
	}

	function del(){
		var row = $('#dg').datagrid('getSelected');
		if (row){
			$.messager.confirm('Thông báo','Bạn có chắc chắn muốn xóa?',function(r){
				if (r){
					$.post('Quanlynguoidung/del',{iduser:row.Id},function(result){
						if (result.success){
							$('#dg').datagrid('reload');	
						} else {
							$.messager.show({	
								title: 'Error',
								msg: result.msg
							});
						}
					},'json');
					$('#dg').datagrid('reload');
				}
			});
		}else{
			$.messager.show({
				title:'Thông báo',
				msg:'Không có bản ghi nào được chọn!',
				timeout:5000,
				showType:'slide'
			});
		}
	}

	function save(){
		$('#fm').form('submit',{
			url: url,
			onSubmit: function(){
				return $(this).form('validate');
			},
			success: function(result){
				var result = eval('('+result+')');
				if (result.success){
					$('#dlg').dialog('close');		
					$('#dg').datagrid('reload');	
				} else {
					$.messager.show({
						title: 'Error',
						msg: result.msg
					});
				}
			}
		});
	}
	
	function sear(){
		var suser = $('#sUser').val();
		var sTentruong = $('#sTentruong').val();
		var saddress = $('#sAddress').val();  
		if (suser.length > 0 || sTentruong.length > 0 || saddress.length > 0){
			$('#dg').datagrid('options').url = 'Quanlynguoidung/sear/user/'+ suser 
			+'/Tentruong/'+ sTentruong +'/address/' + saddress;
			/*$.messager.show({
				title:'Thông báo',
				msg:'Thành công! ',
				timeout:5000,
				showType:'slide'
			});*/
		}
		else{
			$('#dg').datagrid('options').url = 'Quanlynguoidung/json';
		}
		$('#dg').datagrid('reload');
	}

	function sttAct(val, row){
		if (val > 0){
			return '<input type="checkbox" id="active"  name="active" checked disabled="disabled"/>';
		} else {
			return '<input type="checkbox" id="active"  name="active" disabled="disabled"/>';
		}
	}
	
	function formatCol(val, row){
		if (val == 0)
			return 'PGD';
		else
			return 'Trường';
	}

	


</script>
<!-- Begin Datagrid -->
<table id="dg" title="Quản lý người dùng" style="width: 100%;"
	toolbar="#toolbar" pagination="true" idField="id" rownumbers="true"
	fitColumns="false" singleSelect="true" nowrap="true"
	data-options="border:false,fit:true">
	<thead>
		<tr>
			<th field="username" width="120" sortable="true">Tên Người Dùng</th>
			<th field="email" width="150" sortable="true">Email</th>
			<th field="name" width="150" sortable="true">Tên đầy đủ</th>
			<th field="address" width="150">Địa chỉ</th>
			<th field="phone" width="120">Số điện thoại</th>
			<th field="active" align="center" formatter="sttAct">Trạng thái</th>
			<th field="id" data-options="hidden:true">Id</th>
		</tr>
	</thead>
</table>
<div id="toolbar" style="padding: 5px; height: auto;">
	<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"
		onclick="add()">Thêm</a> <a href="#" class="easyui-linkbutton"
		iconCls="icon-edit" plain="true" onclick="edit()">Sửa</a> <a href="#"
		class="easyui-linkbutton" iconCls="icon-remove" plain="true"
		onclick="del()">Xóa</a>
	<!-- Begin Search -->
	<div id="Sear" style="padding: 3px">
		<span>Tên người dùng:</span> <input id="sUser"
			style="line-height: 18px; border: 1px solid #ccc"> <span>Tên đơn vị:</span>
		<input id="sTentruong"
			style="line-height: 18px; border: 1px solid #ccc"> <span>Địa chỉ:</span>
		<input id="sAddress" style="line-height: 18px; border: 1px solid #ccc">
		<a href="#" class="easyui-linkbutton" iconCls="icon-search"
			plain="true" onclick="sear()">Tìm kiếm</a>
	</div>
	<!-- End Search -->
</div>
<!-- End DataGrid -->

<!-- Begin Form -->
<div id="dlg" class="easyui-dialog"
	style="width: 600px; height: 320px; background: #e7e7ef; padding: 10px;"
	closed="true" buttons="#dlg-buttons">
	<form id="fm" method="post" enctype="multipart/form-data">
		<table border="0" width="auto" cellspacing="0" cellpadding="4"
			class="tblForm">
			<tr>
				<td width="100px;">
					<div>Tên người dùng:</div>
				</td>
				<td class="2Col"><input id="username" name="username"
					data-options="required:true" class="easyui-validatebox"
					style="width: 150px"></td>
				<td>
					<div>Tên đầy đủ:</div>
				</td>
				<td class="2Col"><input id="name" name="name"
					data-options="required:true" class="easyui-text"
					style="width: 150px"></td>
			</tr>
			<tr>
				<td>
					<div>Mật khẩu:</div>
				</td>
				<td><input id="password" name="password" data-options="required:true"
					class="easyui-validatebox" style="width: 150px" type="password"
					onclick="this.value='';" /></td>
				<td>
					<div>Điện thoại:</div>
				</td>
				<td class="2Col"><input id="phone" name="phone" class="easyui-text"
					style="width: 150px"></td>
			</tr>
			<tr>
				<td>
					<div>Nhập lại MK:</div>
				</td>
				<td><input id="confirm" name="confirm" class="easyui-validatebox"
					style="width: 150px" type="password" /></td>
				<td>
					<div>Email:</div>
				</td>
				<td class="2Col"><input id="email" name="email"
					data-options="validType:'email'" class="easyui-validatebox"
					style="width: 150px"></td>
			</tr>
			<tr>
				<td>
					<div>Địa chỉ:</div>
				</td>
				<td class="2Col"><input id="address" name="address"
					class="easyui-text" style="width: 150px;"></td>
				<td>
					<div>Kích hoạt</div>
				</td>
				<td class="2Col"><input id="active" name="active"
					type="checkbox" /></td>
			</tr>
		</table>
	</form>
</div>
<div id="dlg-buttons">
	<a href="#" class="easyui-linkbutton" iconCls="icon-ok"
		onclick="save()">Câp nhật</a> <a href="#" class="easyui-linkbutton"
		iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Hủy</a>
</div>
<!-- End From -->